<?php
/*
include_once 'php/include.php';
$sqlImagens = new conexao();
$listaImagens = $sqlImagens->sql_query("SELECT *, CONCAT(i.nome,i.extensao) as imagem FROM imagens i WHERE i.id_gal={$_GET['id']} ORDER BY i.ordem ASC");
*/
include("./php/connectabd.php");
include("./php/functions.php");

// instacia Objeto "conexao".
$mysql = new conexao;
// Executa uma query 
$galerialista = $mysql->sql_query("
	select * 
	from imagens img
		where portfolio_id_portfolio={$_GET['id']}
	
");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GalleryView - Default Demo</title>

<!-- First, add jQuery (and jQuery UI if using custom easing or animation -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

<!-- Second, add the Timer and Easing plugins -->
<script type="text/javascript" src="js/galeria/jquery.timers-1.2.js"></script>
<script type="text/javascript" src="/js/galeria/jquery.easing.1.3.js"></script>

<!-- Third, add the GalleryView Javascript and CSS files -->
<script type="text/javascript" src="js/galeria/jquery.galleryview-3.0-dev.js"></script>
<link type="text/css" rel="stylesheet" href="js/galeria/jquery.galleryview-3.0-dev.css" />

<!-- Lastly, call the galleryView() function on your unordered list(s) -->
<script type="text/javascript">
	$(function(){
		$('#myGallery').galleryView({
                    panel_width: 780,
                    panel_height: 500,
                    panel_scale: 'fit',
                    frame_scale: 'fit',
                    frame_height: 70,
                    enable_overlays: true,
                    infobar_opacity: 0.7,
					show_captions: false
                    //show_panel_nav: false
                });
                $('.gv_overlay').css('bottom','0')
	});
</script>
<link  rel="stylesheet" type="text/css" href="css/fonts.css"/>
</head>

<body>
	<ul id="myGallery">
		<span class="gv_navPrev">teste</span>
            <?php while ($galerias = mysql_fetch_object($galerialista)):?>
            <li><img data-description="" data-frame="../cms/uploads/portfolio/thumbs/<?php echo $galerias->nome; echo $galerias->extensao ?>"  src="../cms/uploads/portfolio/<?php echo $galerias->nome; echo $galerias->extensao?>" title="<?php echo $galerias->legenda?>" alt="<?php echo $galerias->legenda?>" /></li>
            <?php endwhile;?>
	</ul>
</body>
</html>
